<!DOCTYPE html>
<html class="no-js" lang="zxx" xmlns="http://www.w3.org/1999/html">
<!--zmy-->
<head>
  <meta charset="utf-8" />
  <meta http-equiv="x-ua-compatible" content="ie=edge" />
  <title>JobGrids - Job Portal HTML Template.</title>
  <meta name="description" content="" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.svg" />
  <!-- Place favicon.ico in the root directory -->

  <!-- Web Font -->
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap"
        rel="stylesheet">

  <!-- ========================= CSS here ========================= -->
  <link rel="stylesheet" href="assets/css/bootstrap.min.css" />
  <link rel="stylesheet" href="assets/css/LineIcons.2.0.css" />
  <link rel="stylesheet" href="assets/css/animate.css" />
  <link rel="stylesheet" href="assets/css/tiny-slider.css" />
  <link rel="stylesheet" href="assets/css/glightbox.min.css" />
  <link rel="stylesheet" href="assets/css/main.css" />
<!--设置元素隐藏，点击radio注册元素显现-->
  <style>
.hidden{
    display:none;
}
  </style>
</head>

<body>
<!--[if lte IE 9]>
<p class="browserupgrade">
  You are using an <strong>outdated</strong> browser. Please
  <a href="https://browsehappy.com/">upgrade your browser</a> to improve
  your experience and security.
</p>
<![endif]-->

<div id="loading-area"></div>

<!-- Start Header Area -->
<header class="header ">
  <div class="navbar-area">
    <div class="container">

      <div class="row align-items-center">

        <div class="col-lg-12">
          <nav class="navbar navbar-expand-lg">
            <a class="navbar-brand logo" href="index.html">
              <img class="logo1" src="assets/images/logo/logo.svg" alt="Logo" />
            </a>
            <button class="navbar-toggler" type="button" data-toggle="collapse"
                    data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                    aria-expanded="false" aria-label="Toggle navigation">
              <span class="toggler-icon"></span>
              <span class="toggler-icon"></span>
              <span class="toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse sub-menu-bar" id="navbarSupportedContent">
              <ul id="nav" class="navbar-nav ml-auto">
                <li class="nav-item">
                  <a class="active" href="index.html">主页</a>

                </li>



                    <li class="nav-item">
                      <a  href="browse-jobs.html">职位搜索</a>
                    </li>



                <li class="nav-item hidden" id="hrmanagejobbarliid"><a href="#">职位管理 </a>
                  <ul class="sub-menu">
                    <li><a href="post-job.html">发布职位</a></li>
                    <li><a href="manage-jobs.html">职位查看与编辑</a></li>
                    <li><a  href="have-manage-resumes.html">已处理申请</a></li>
                    <li><a  href="manage-resumes.html">待处理申请</a></li>

                  </ul>
                </li>




                <li class="nav-item">
                  <a   href="blog-grid-sidebar.html">论坛</a></li>
                <!-- <li><a href="blog-single.html">论坛详情</a></li> -->
                <!-- <li><a href="blog-single-sidebar.html">Blog Single Sibebar</a></li> -->
                </li>

                <li class="nav-item"><a href="contact.html">联系我们 </a> </li>


                <li class="nav-item"><a href="#">其他</a>
                  <ul class="sub-menu">
                    <!-- <li><a href="index.html" onclick="logout()">Log Out</a></li> -->
                    <li><a onclick="checkloginuser()">Personal Info</a></li>
                    <li><a href="about-us.html" onclick="addtoken()">about-us</a></li>
                    <li><a href="job-list.html">职位列表</a></li>
                    <li><a href="job-details.html">职位详情</a></li>
                    <li><a href="resume.html">个人信息展示</a></li>
                    <li><a href="privacy-policy.html">用户手册</a></li>
                    <li><a href="faq.html">问题</a></li>
                    <!-- <li><a href="pricing.html">Our Pricing</a></li> -->
                    <li><a href="404.html">404错误</a></li>
                    <li><a href="mail-success.html">成功发出消息</a></li>
                    <li><a href="index-seeker.html">s</a></li>
                    <li><a href="index-hr.html">h</a></li>
                  </ul>
                </li>



                <li class="nav-item" id="nouserinforcenterbarid"><a href="#">个人中心</a>

                </li>
                <li class="nav-item hidden" id="seekerinforcenterbarliid"><a href="#">个人中心</a>
                  <ul class="sub-menu">
                    <li><a href="resume.html">简历查看</a></li>
                    <li><a href="showseekerinfo.html">个人信息编辑</a></li>
                    <li><a href="add-resume.html">简历编辑</a></li>
                    <li><a href="manage-applications.html">申请进度</a></li>
                    <li><a href="job-alerts.html">消息提醒</a></li>
                    <li><a href="manage-blog.html">管理博客</a></li>
                  </ul>
                </li>
                <li class="nav-item hidden " id="hrinforcenterbarliid">
                  <a href="#">个人中心</a>
                  <ul class="sub-menu">
                    <li><a href="showhrinfo.html">信息编辑</a></li>

                    <li><a href="job-alerts.html">消息提醒</a></li>
                    <li><a href="manage-blog.html">管理博客</a></li>
                  </ul>
                </li>
                <li class="nav-item login hidden" id="shownamebarliid">

                  <a href="showhrinfo.html" id="shownameid" >
                  </a>
                  <ul class="sub-menu">
                    <li><a href="index.html" onclick="logout()">退出登录</a></li>
                  </ul>
                </li>
              </ul>
            </div>
            <!-- navbar collapse -->
            <div class="button" id="loginsignupbarid">
              <a href="javacript:" data-toggle="modal" data-target="#login" class="login"><i
                class="lni lni-lock-alt"></i>登录</a>
              <a href="javacript:" data-toggle="modal" data-target="#signup" class="btn">注册</a>

            </div>
          </nav>
          <!-- navbar -->
        </div>
      </div>
      <!-- row -->
    </div>
    <!-- container -->
  </div>
  <!-- navbar area -->
</header>
<!-- End Header Area -->

    <!-- Start Hero Area -->
    <section class="hero-area style3">
        <!-- Single Slider -->
        <div class="hero-inner">
            <div class="container">
                <div class="row">
                    <div class="col-lg-7 co-12">
                        <div class="inner-content">
                            <div class="hero-text">
                                <h1 class="wow fadeInUp" data-wow-delay=".3s">探索最激动人心的工作 <br> 点亮你的生活！
                                </h1>
                                <p class="wow fadeInUp" data-wow-delay=".5s">追求梦想，寻找机遇，就从这里开始。我们致力于为您打造<br> 一个全面、便捷的招聘平台，让您在求职的海洋中轻松找到<br> 最符合自己期望的工作。丰富的职位信息正等待您的发掘，<br>为您的职业生涯开启新篇章，共同创造更加美好的明天！
                                </p>
                                <div class="button wow fadeInUp" data-wow-delay=".7s">
                                    <a href="post-job.html" class="btn btn-post">发布岗位</a>
                                    <a href="browse-jobs.html" class="btn btn-alt">查找职位</a>
                                </div>
                            </div>
                            <div class="job-search-wrap-two mt-50 wow fadeInUp" data-wow-delay=".9s">
                                <div class="trending-keywords mt-30">
                                    <div class="keywords style-two">
                                        <span class="title">热门搜索词:</span>
                                        <ul id="hot-words-list">
                                          <!-- 热词将被动态插入这里 -->
                                      </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-5 offset-lg-0 col-md-8 offset-md-2 co-12">
                      <form class="home-search wow fadeInRight" data-wow-delay=".5s">
                          <div class="form-group">
                              <label class="font-weight-bold text-dark">职位</label>
                              <div class="form-location">
                                  <input type="text" id="jobName" class="form-control" placeholder="具体心仪岗位...">
                              </div>
                          </div>
                          <div class="form-group">
                              <label class="font-weight-bold text-dark">地址</label>
                              <div class="form-location">
                                  <input type="text" id="jobWorkaddr" class="form-control" placeholder="具体地址...">
                              </div>
                          </div>
                          <div class="form-group select-border">
                              <label class="font-weight-bold text-dark">行业类别</label>
                              <select class="form-control basic-select" id="industry">
                                  <option>任何行业</option>
                                  <option>计算机</option>
                                  <option>金融</option>
                                  <option>教育/培训</option>
                                  <option>房地产</option>
                                  <option>艺术/设计</option>
                                  <option>健康护理</option>
                              </select>
                          </div>
                          <div class="button">
                              <a class="btn" id="search-btn" href="#">搜索</a>
                          </div>
                      </form>
                  </div>
                </div>
            </div>
        </div>
        <!--/ End Single Slider -->
    </section>
    <!--/ End Hero Area -->

<!-- Start Apply Process Area -->
<section class="apply-process section">
  <div class="container">
    <div class="row">
      <div class="col-lg-4 col-md-4 col-12">
        <div class="process-item">
          <i class="lni lni-user"></i>
          <h4>Register Your Account</h4>
          <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
        </div>
      </div>
      <div class="col-lg-4 col-md-4 col-12">
        <div class="process-item">
          <i class="lni lni-book"></i>
          <h4>Upload Your Resume</h4>
          <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
        </div>
      </div>
      <div class="col-lg-4 col-md-4 col-12">
        <div class="process-item">
          <i class="lni lni-briefcase"></i>
          <h4>Apply for Dream Job</h4>
          <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
        </div>
      </div>
    </div>
  </div>
</section>
<!--/ End Apply Process Area -->

<!-- Start Job Category Area -->
<section class="job-category section">
  <div class="container">
    <div class="row">
      <div class="col-12">
        <div class="section-title">
          <span class="wow fadeInDown" data-wow-delay=".2s">Job Category</span>
          <h2 class="wow fadeInUp" data-wow-delay=".4s">Choose Your Desire Category</h2>
          <p class="wow fadeInUp" data-wow-delay=".6s">There are many variations of passages of Lorem
            Ipsum available, but the majority have suffered alteration in some form.</p>
        </div>
      </div>
    </div>
    <div class="cat-head">
      <div class="row">
        <div class="col-lg-3 col-md-6 col-12">
          <a href="browse-jobs.html" class="single-cat wow fadeInUp" data-wow-delay=".2s">
            <div class="icon">
              <i class="lni lni-cog"></i>
            </div>
            <h3>Technical<br> Support</h3>
          </a>
        </div>
        <div class="col-lg-3 col-md-6 col-12">
          <a href="browse-jobs.html" class="single-cat wow fadeInUp" data-wow-delay=".4s">
            <div class="icon">
              <i class="lni lni-layers"></i>
            </div>
            <h3>Business<br> Development</h3>
          </a>
        </div>
        <div class="col-lg-3 col-md-6 col-12">
          <a href="browse-jobs.html" class="single-cat wow fadeInUp" data-wow-delay=".6s">
            <div class="icon">
              <i class="lni lni-home"></i>
            </div>
            <h3>Real Estate<br> Business</h3>
          </a>
        </div>
        <div class="col-lg-3 col-md-6 col-12">
          <a href="browse-jobs.html" class="single-cat wow fadeInUp" data-wow-delay=".8s">
            <div class="icon">
              <i class="lni lni-search"></i>
            </div>
            <h3>Share Maeket<br> Analysis</h3>
          </a>
        </div>
        <div class="col-lg-3 col-md-6 col-12">
          <a href="browse-jobs.html" class="single-cat wow fadeInUp" data-wow-delay=".2s">
            <div class="icon">
              <i class="lni lni-investment"></i>
            </div>
            <h3>Finance & Banking <br> Service</h3>
          </a>
        </div>
        <div class="col-lg-3 col-md-6 col-12">
          <a href="browse-jobs.html" class="single-cat wow fadeInUp" data-wow-delay=".4s">
            <div class="icon">
              <i class="lni lni-cloud-network"></i>
            </div>
            <h3>IT & Networing <br> Sevices</h3>
          </a>
        </div>
        <div class="col-lg-3 col-md-6 col-12">
          <a href="browse-jobs.html" class="single-cat wow fadeInUp" data-wow-delay=".6s">
            <div class="icon">
              <i class="lni lni-restaurant"></i>
            </div>
            <h3>Restaurant <br> Services</h3>
          </a>
        </div>
        <div class="col-lg-3 col-md-6 col-12">
          <a href="browse-jobs.html" class="single-cat wow fadeInUp" data-wow-delay=".8s">
            <div class="icon">
              <i class="lni lni-fireworks"></i>
            </div>
            <h3>Defence & Fire <br> Service</h3>
          </a>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- /End Job Category Area -->

<!-- Start About Area -->
<section class="about-us section">
  <div class="container">
    <div class="row align-items-center justify-content-center">
      <div class="col-lg-6 col-md-10 col-12">
        <div class="content-left wow fadeInLeft" data-wow-delay=".3s">
          <div calss="row">
            <div calss="col-lg-6 col-12">
              <div class="row">
                <div class="col-lg-6 col-md-6 col-6">
                  <img class="single-img" src="assets/images/about/small1.jpg" alt="#">
                </div>
                <div class="col-lg-6 col-md-6 col-6">
                  <img class="single-img mt-50" src="assets/images/about/small2.jpg" alt="#">
                </div>
              </div>
            </div>
            <div calss="col-lg-6 col-12">
              <div class="row">
                <div class="col-lg-6 col-md-6 col-6">
                  <img class="single-img minus-margin" src="assets/images/about/small3.jpg" alt="#">
                </div>
                <div class="col-lg-6 col-md-6 col-6">
                  <!-- media body start -->
                  <div class="media-body">
                    <i class="lni lni-checkmark"></i>
                    <h6 class="">Job alert!</h6>
                    <p class="">104 new jobs are available in this week!
                    </p>
                  </div>
                  <!-- media body start -->
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-6 col-md-10 col-12">
        <!-- content-1 start -->
        <div class="content-right wow fadeInRight" data-wow-delay=".5s">
          <!-- Heading -->
          <h2>Help you to get the <br>
            best job that fits you</h2>
          <!-- End Heading -->
          <!-- Single List -->
          <div class="single-list">
            <i class="lni lni-grid-alt"></i>
            <!-- List body start -->
            <div class="list-bod">
              <h5>#1 Jobs site in UK</h5>
              <p>Leverage agile frameworks to provide a
                robust synopsis for high level overviews. Iterative</p>
            </div>
            <!-- List body start -->
          </div>
          <!-- End Single List -->
          <!-- Single List -->
          <div class="single-list">
            <i class="lni lni-search"></i>
            <!-- List body start -->
            <div class="list-bod">
              <h5>Seamless searching</h5>
              <p>Capitalize on low hanging fruit to identify a ballpark value added activity to beta
                test.</p>
            </div>
            <!-- List body start -->
          </div>
          <!-- End Single List -->
          <!-- Single List -->
          <div class="single-list">
            <i class="lni lni-stats-up"></i>
            <!-- List body start -->
            <div class="list-bod">
              <h5>Hired in top companies</h5>
              <p>Podcasting operational change management inside of workflows to establish.</p>
            </div>
            <!-- List body start -->
          </div>
          <!-- End Single List -->
        </div>
      </div>
    </div>
  </div>
</section>
<!-- End About Area -->

<!-- Start Call Action Area -->
<section class="call-action overlay section">
  <div class="container">
    <div class="row ">
      <div class="col-lg-8 offset-lg-2 col-12">
        <div class="inner">
          <div class="section-title">
            <span class="wow fadeInDown" data-wow-delay=".2s">GETTING STARTED TO WORK</span>
            <h2 class="wow fadeInUp" data-wow-delay=".4s">Don’t just find. Be found. Put your
              CV in front of great employers</h2>
            <p class="wow fadeInUp" data-wow-delay=".6s">It helps you to increase your chances of
              finding a suitable job and let recruiters contact you
              about jobs that are not needed to pay for advertising.</p>
            <div class="button wow fadeInUp" data-wow-delay=".8s">
              <a href="add-resume.html" class="btn"><i class="lni lni-upload"></i> Upload Your Resume</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- /End Call Action Area -->

<!-- Start Find Job Area -->
<section class="find-job section">
  <div class="container">
    <div class="row">
      <div class="col-12">
        <div class="section-title">
          <span class="wow fadeInDown" data-wow-delay=".2s">Hot Jobs</span>
          <h2 class="wow fadeInUp" data-wow-delay=".4s">Browse Recent Jobs</h2>
          <p class="wow fadeInUp" data-wow-delay=".6s">There are many variations of passages of Lorem
            Ipsum available, but the majority have suffered alteration in some form.</p>
        </div>
      </div>
    </div>
    <div class="single-head">
      <div class="row">
        <div class="col-lg-6 col-12">
          <!-- Single Job -->
          <div class="single-job wow fadeInUp" data-wow-delay=".3s">
            <div class="job-image">
              <img src="assets/images/jobs/img1.png" alt="#">
            </div>
            <div class="job-content">
              <h4><a href="job-details.html">Software Engineer</a></h4>
              <p>We are looking for Enrollment Advisors who are looking to take 30-35 appointments per
                week. All leads are pre-scheduled. </p>
              <ul>
                <li><i class="lni lni-website"></i><a href="#"> winbrans.com</a></li>
                <li><i class="lni lni-dollar"></i> $20k - $25k</li>
                <li><i class="lni lni-map-marker"></i> New York</li>
              </ul>
            </div>
            <div class="job-button">
              <ul>
                <li><a href="job-details.html">Apply</a></li>
                <li><span>full time</span></li>
              </ul>
            </div>
          </div>
          <!-- End Single Job -->
        </div>

          <!-- Single Job -->
          <div class="single-job wow fadeInUp" data-wow-delay=".5s">
            <div class="job-image">
              <img src="assets/images/jobs/img8.png" alt="#">
            </div>
            <div class="job-content">
              <h4><a href="job-details.html">Android Developer</a></h4>
              <p>We are looking for Enrollment Advisors who are looking to take 30-35 appointments per
                week. All leads are pre-scheduled. </p>
              <ul>
                <li><i class="lni lni-website"></i><a href="#"> androidplex.com</a></li>
                <li><i class="lni lni-dollar"></i> $20k - $25k</li>
                <li><i class="lni lni-map-marker"></i> Cupertino, USA</li>
              </ul>

            </div>
            <div class="job-button">
              <ul>
                <li><a href="job-details.html">Apply</a></li>
                <li><span>Part Time</span></li>
              </ul>
            </div>
          </div>
          <!-- End Single Job -->
        </div>
      </div>
      <!-- Pagination -->
      <div class="row">
        <div class="col-12">
          <div class="pagination center wow fadeInUp" data-wow-delay=".3s">
            <ul class="pagination-list">
              <li><a href="#"><i class="lni lni-arrow-left"></i></a></li>
              <li class="active"><a href="#">1</a></li>
              <li><a href="#">2</a></li>
              <li><a href="#">3</a></li>
              <li><a href="#">4</a></li>
              <li><a href="#"><i class="lni lni-arrow-right"></i></a></li>
            </ul>
          </div>
        </div>
      </div>
      <!--/ End Pagination -->
    </div>
  </div>
</section>
<!-- /End Find Job Area -->

<!-- Start Featured Job Area -->
<section class="featured-job section">
  <div class="container">
    <div class="row">
      <div class="col-12">
        <div class="section-title">
          <span class="wow fadeInDown" data-wow-delay=".2s">Featured Jobs</span>
          <h2 class="wow fadeInUp" data-wow-delay=".4s">Browse Featured Jobs</h2>
          <p class="wow fadeInUp" data-wow-delay=".6s">There are many variations of passages of Lorem
            Ipsum available, but the majority have suffered alteration in some form.</p>
        </div>
      </div>
    </div>
    <div class="single-head">
      <div class="row">
        <div class="col-lg-4 col-md-6 col-12">
          <div class="single-job wow fadeInUp" data-wow-delay=".2s">
            <div class="shape"></div>
            <div class="feature">Featured</div>
            <div class="image">
              <img src="assets/images/featured-job/img1.jpg" alt="#">
            </div>
            <div class="content">
              <h4><a href="job-details.html">Graphics Design</a></h4>
              <ul>
                <li><i class="lni lni-map-marker"></i> New York</li>
                <li><i class="lni lni-briefcase"></i> Full-time</li>
                <li><i class="lni lni-dollar"></i> 80K-90K</li>
              </ul>
              <p>We are looking for Enrollment Advisors who are looking to take 30-35 appointments per
                week. All leads are pre-scheduled. </p>
              <div class="button">
                <a href="job-details.html" class="btn">Apply Now</a>
                <a href="bookmarked.html" class="btn save"><i class="lni lni-bookmark"></i> Save It</a>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-md-6 col-12">
          <div class="single-job wow fadeInUp" data-wow-delay=".4s">
            <div class="shape"></div>
            <div class="feature">Featured</div>
            <div class="image">
              <img src="assets/images/featured-job/img2.jpg" alt="#">
            </div>
            <div class="content">
              <h4><a href="job-details.html">Restaurant Services</a></h4>
              <ul>
                <li><i class="lni lni-map-marker"></i> New York</li>
                <li><i class="lni lni-briefcase"></i> Full-time</li>
                <li><i class="lni lni-dollar"></i> 80K-90K</li>
              </ul>
              <p>We are looking for Enrollment Advisors who are looking to take 30-35 appointments per
                week. All leads are pre-scheduled. </p>
              <div class="button">
                <a href="job-details.html" class="btn">Apply Now</a>
                <a href="bookmarked.html" class="btn save"><i class="lni lni-bookmark"></i> Save It</a>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-md-6 col-12">
          <div class="single-job wow fadeInUp" data-wow-delay=".6s">
            <div class="shape"></div>
            <div class="feature">Featured</div>
            <div class="image">
              <img src="assets/images/featured-job/img3.jpg" alt="#">
            </div>
            <div class="content">
              <h4><a href="job-details.html">Share Maeket Analysis</a></h4>
              <ul>
                <li><i class="lni lni-map-marker"></i> New York</li>
                <li><i class="lni lni-briefcase"></i> Full-time</li>
                <li><i class="lni lni-dollar"></i> 80K-90K</li>
              </ul>
              <p>We are looking for Enrollment Advisors who are looking to take 30-35 appointments per
                week. All leads are pre-scheduled. </p>
              <div class="button">
                <a href="job-details.html" class="btn">Apply Now</a>
                <a href="bookmarked.html" class="btn save"><i class="lni lni-bookmark"></i> Save It</a>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-md-6 col-12">
          <div class="single-job wow fadeInUp" data-wow-delay=".2s">
            <div class="shape"></div>
            <div class="feature">Featured</div>
            <div class="image">
              <img src="assets/images/featured-job/img4.jpg" alt="#">
            </div>
            <div class="content">
              <h4><a href="job-details.html">Medical services</a></h4>
              <ul>
                <li><i class="lni lni-map-marker"></i> New York</li>
                <li><i class="lni lni-briefcase"></i> Full-time</li>
                <li><i class="lni lni-dollar"></i> 80K-90K</li>
              </ul>
              <p>We are looking for Enrollment Advisors who are looking to take 30-35 appointments per
                week. All leads are pre-scheduled. </p>
              <div class="button">
                <a href="job-details.html" class="btn">Apply Now</a>
                <a href="bookmarked.html" class="btn save"><i class="lni lni-bookmark"></i> Save It</a>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-md-6 col-12">
          <div class="single-job wow fadeInUp" data-wow-delay=".4s">
            <div class="shape"></div>
            <div class="feature">Featured</div>
            <div class="image">
              <img src="assets/images/featured-job/img5.jpg" alt="#">
            </div>
            <div class="content">
              <h4><a href="job-details.html">Auto Mobile Services</a></h4>
              <ul>
                <li><i class="lni lni-map-marker"></i> New York</li>
                <li><i class="lni lni-briefcase"></i> Full-time</li>
                <li><i class="lni lni-dollar"></i> 80K-90K</li>
              </ul>
              <p>We are looking for Enrollment Advisors who are looking to take 30-35 appointments per
                week. All leads are pre-scheduled. </p>
              <div class="button">
                <a href="job-details.html" class="btn">Apply Now</a>
                <a href="bookmarked.html" class="btn save"><i class="lni lni-bookmark"></i> Save It</a>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-md-6 col-12">
          <div class="single-job wow fadeInUp" data-wow-delay=".6s">
            <div class="shape"></div>
            <div class="feature">Featured</div>
            <div class="image">
              <img src="assets/images/featured-job/img6.jpg" alt="#">
            </div>
            <div class="content">
              <h4><a href="job-details.html">IT & Networing Sevices</a></h4>
              <ul>
                <li><i class="lni lni-map-marker"></i> New York</li>
                <li><i class="lni lni-briefcase"></i> Full-time</li>
                <li><i class="lni lni-dollar"></i> 80K-90K</li>
              </ul>
              <p>We are looking for Enrollment Advisors who are looking to take 30-35 appointments per
                week. All leads are pre-scheduled. </p>
              <div class="button">
                <a href="job-details.html" class="btn">Apply Now</a>
                <a href="bookmarked.html" class="btn save"><i class="lni lni-bookmark"></i> Save It</a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- /End Featured Job Area -->

<!-- Start Testimonials Section -->
<section class=" testimonials">
  <img class="patern1 wow fadeInRight" data-wow-delay=".3s" src="assets/images/testimonial/patern1.png" alt="#">
  <img class="patern2 wow fadeInLeft" data-wow-delay=".5s" src="assets/images/testimonial/patern1.png" alt="#">
  <div class="container">
    <div class="row">
      <div class="col-lg-6 col-12">
        <div class="section-title align-left wow fadeInLeft" data-wow-delay=".3s">
          <span>What saye's Our Clients</span>
          <h2>Our Testimonials</h2>
        </div>
        <div class=" testimonial-inner-head wow fadeInLeft" data-wow-delay=".3s">
          <div class=" testimonial-inner">
            <div class="testimonial-slider">
              <!-- Single Testimonial -->
              <div class="single-testimonial">
                <div class="quote">
                  <i class="lni lni-quotation"></i>
                </div>
                <p>" I just brought it and i love it. Lorem Ipsum is simply dummy text of the and
                  typesetting industry. Lorem Ipsum has been the industry's standard dummy text
                  ever
                  since the 1500s." </p>
                <div class="bottom">
                  <div class="clien-image">
                    <img src="assets/images/testimonial/testi1.jpg" alt="#">
                  </div>
                  <h4 class="name">Musharof Chowdhury <span>CEO - Templates</span></h4>
                </div>
              </div>
              <!--/ End Single Testimonial -->
              <!-- Single Testimonial -->
              <div class="single-testimonial">
                <div class="quote">
                  <i class="lni lni-quotation"></i>
                </div>
                <p>" I just brought it and i love it. Lorem Ipsum is simply dummy text of the and
                  typesetting industry. Lorem Ipsum has been the industry's standard dummy text
                  ever
                  since the 1500s." </p>
                <div class="bottom">
                  <div class="clien-image">
                    <img src="assets/images/testimonial/testi2.jpg" alt="#">
                  </div>
                  <h4 class="name">Naimur Rahman <span>CEO - Wpthemes Grid</span></h4>
                </div>
              </div>
              <!--/ End Single Testimonial -->
              <!-- Single Testimonial -->
              <div class="single-testimonial">
                <div class="quote">
                  <i class="lni lni-quotation"></i>
                </div>
                <p>" I just brought it and i love it. Lorem Ipsum is simply dummy text of the and
                  typesetting industry. Lorem Ipsum has been the industry's standard dummy text
                  ever
                  since the 1500s." </p>
                <div class="bottom">
                  <div class="clien-image">
                    <img src="assets/images/testimonial/testi3.jpg" alt="#">
                  </div>
                  <h4 class="name">Karmo kerin<span>CEO - Tredex</span></h4>
                </div>
              </div>
              <!--/ End Single Testimonial -->
              <!-- Single Testimonial -->
              <div class="single-testimonial">
                <div class="quote">
                  <i class="lni lni-quotation"></i>
                </div>
                <p>" I just brought it and i love it. Lorem Ipsum is simply dummy text of the and
                  typesetting industry. Lorem Ipsum has been the industry's standard dummy text
                  ever
                  since the 1500s." </p>
                <div class="bottom">
                  <div class="clien-image">
                    <img src="assets/images/testimonial/testi4.jpg" alt="#">
                  </div>
                  <h4 class="name">Goro Chala <span>CEO - Dream App</span></h4>
                </div>
              </div>
              <!--/ End Single Testimonial -->
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-6 col-12">
        <div class="testimonial-right wow fadeInRight" data-wow-delay=".5s">
          <img src="assets/images/testimonial/testimonial-right.png" alt="#">
        </div>
      </div>
    </div>
  </div>
</section>
<!-- /End Testimonials Section -->


<!-- Start Pricing Table Area -->
<section class="pricing-table section">
  <div class="container">
    <div class="row">
      <div class="col-12">
        <div class="section-title">
          <span class="wow fadeInDown" data-wow-delay=".2s">Pricing Table</span>
          <h2 class="wow fadeInUp" data-wow-delay=".4s">Our Pricing Plan</h2>
          <p class="wow fadeInUp" data-wow-delay=".6s">There are many variations of passages of Lorem
            Ipsum available, but the majority have suffered alteration in some form.</p>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-4 col-md-6 col-12">
        <!-- Single Table -->
        <div class="single-table wow fadeInUp" data-wow-delay=".2s">
          <!-- Table Head -->
          <div class="table-head">
            <h4 class="title">BASIC PACK</h4>
            <div class="price">
              <p class="amount">$30<span class="duration">per month</span></p>
            </div>
          </div>
          <!-- End Table Head -->
          <!-- Table List -->
          <ul class="table-list">
            <li>5+ Listings</li>
            <li>Contact With Agent</li>
            <li>Contact With Agent</li>
            <li>7×24 Fully Support</li>
            <li>50GB Space</li>
          </ul>
          <!-- End Table List -->
          <!-- Table Bottom -->
          <div class="button">
            <a class="btn" href="#">Register Now</a>
          </div>
          <!-- End Table Bottom -->
        </div>
        <!-- End Single Table-->
      </div>
      <div class="col-lg-4 col-md-6 col-12">
        <!-- Single Table -->
        <div class="single-table wow fadeInUp" data-wow-delay=".4s">
          <!-- Table Head -->
          <div class="table-head">
            <h4 class="title">STANDARD PACK</h4>
            <div class="price">
              <p class="amount">$40<span class="duration">per month</span></p>
            </div>
          </div>
          <!-- End Table Head -->
          <!-- Table List -->
          <ul class="table-list">
            <li>5+ Listings</li>
            <li>Contact With Agent</li>
            <li>Contact With Agent</li>
            <li>7×24 Fully Support</li>
            <li>50GB Space</li>
          </ul>
          <!-- End Table List -->
          <!-- Table Bottom -->
          <div class="button">
            <a class="btn" href="#">Register Now</a>
          </div>
          <!-- End Table Bottom -->
        </div>
        <!-- End Single Table-->
      </div>
      <div class="col-lg-4 col-md-6 col-12">
        <!-- Single Table -->
        <div class="single-table wow fadeInUp" data-wow-delay=".6s">
          <!-- Table Head -->
          <div class="table-head">
            <h4 class="title">PREMIUM PACK</h4>
            <div class="price">
              <p class="amount">$60<span class="duration">per month</span></p>
            </div>
          </div>
          <!-- End Table Head -->
          <!-- Table List -->
          <ul class="table-list">
            <li>5+ Listings</li>
            <li>Contact With Agent</li>
            <li>Contact With Agent</li>
            <li>7×24 Fully Support</li>
            <li>50GB Space</li>
          </ul>
          <!-- End Table List -->
          <!-- Table Bottom -->
          <div class="button">
            <a class="btn" href="#">Register Now</a>
          </div>
          <!-- End Table Bottom -->
        </div>
        <!-- End Single Table-->
      </div>
    </div>
  </div>
</section>
<!--/ End Pricing Table Area -->

<!-- Start Latest News Area -->
<div class="latest-news-area section">
  <div class="container">
    <div class="row">
      <div class="col-12">
        <div class="section-title">
          <span class="wow fadeInDown" data-wow-delay=".2s">latest news</span>
          <h2 class="wow fadeInUp" data-wow-delay=".4s">Latest News & Blog</h2>
          <p class="wow fadeInUp" data-wow-delay=".6s">There are many variations of passages of Lorem
            Ipsum available, but the majority have suffered alteration in some form.</p>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-4 col-md-6 col-12">
        <!-- Single News -->
        <div class="single-news wow fadeInUp" data-wow-delay=".3s">
          <div class="image">
            <img class="thumb" src="assets/images/blog/blog1.jpg" alt="#">
          </div>
          <div class="content-body">
            <h4 class="title"><a href="blog-single.html">The Internet Is A Job Seeker Most
              Crucial Success</a></h4>
            <div class="meta-details">
              <ul>
                <li><a href="#"><i class="lni lni-tag"></i> Job skills</a></li>
                <li><a href="#"><i class="lni lni-calendar"></i> 12-09-2023</a></li>
                <li><a href="#"><i class="lni lni-eye"></i> 55</a></li>
              </ul>
            </div>
            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum
              has been the standard.</p>
            <div class="button">
              <a href="blog-single.html" class="btn">Read More</a>
            </div>
          </div>
        </div>
        <!-- End Single News -->
      </div>
      <div class="col-lg-4 col-md-6 col-12">
        <!-- Single News -->
        <div class="single-news wow fadeInUp" data-wow-delay=".5s">
          <div class="image">
            <img class="thumb" src="assets/images/blog/blog2.jpg" alt="#">
          </div>
          <div class="content-body">
            <h4 class="title"><a href="blog-single.html">Today From Connecting With Potential
              Employers</a></h4>
            <div class="meta-details">
              <ul>
                <li><a href="#"><i class="lni lni-tag"></i> Career advice</a></li>
                <li><a href="#"><i class="lni lni-calendar"></i> 10-10-2023</a></li>
                <li><a href="#"><i class="lni lni-eye"></i> 55</a></li>
              </ul>
            </div>
            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum
              has been the standard.</p>
            <div class="button">
              <a href="blog-single.html" class="btn">Read More</a>
            </div>
          </div>
        </div>
        <!-- End Single News -->
      </div>
      <div class="col-lg-4 col-md-6 col-12">
        <!-- Single News -->
        <div class="single-news wow fadeInUp" data-wow-delay=".7s">
          <div class="image">
            <img class="thumb" src="assets/images/blog/blog3.jpg" alt="#">
          </div>
          <div class="content-body">
            <h4 class="title"><a href="blog-single.html">We’ve Weeded Through Hundreds Of Job
              Hunting</a></h4>
            <div class="meta-details">
              <ul>
                <li><a href="#"><i class="lni lni-tag"></i> Future plan</a></li>
                <li><a href="#"><i class="lni lni-calendar"></i> 09-05-2023</a></li>
                <li><a href="#"><i class="lni lni-eye"></i> 55</a></li>
              </ul>
            </div>
            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum
              has been the standard.</p>
            <div class="button">
              <a href="blog-single.html" class="btn">Read More</a>
            </div>
          </div>
        </div>
        <!-- End Single News -->
      </div>
    </div>
  </div>
</div>
<!-- End Latest News Area -->

<!-- Start Clients Area -->
<div class="client-logo-section">
  <div class="container">
    <div class="client-logo-wrapper">
      <div class="client-logo-carousel d-flex align-items-center justify-content-between">
        <div class="client-logo">
          <img src="assets/images/clients/client1.png" alt="#">
        </div>
        <div class="client-logo">
          <img src="assets/images/clients/client2.png" alt="#">
        </div>
        <div class="client-logo">
          <img src="assets/images/clients/client3.png" alt="#">
        </div>
        <div class="client-logo">
          <img src="assets/images/clients/client4.png" alt="#">
        </div>
        <div class="client-logo">
          <img src="assets/images/clients/client5.png" alt="#">
        </div>
        <div class="client-logo">
          <img src="assets/images/clients/client6.png" alt="#">
        </div>
        <div class="client-logo">
          <img src="assets/images/clients/client2.png" alt="#">
        </div>
        <div class="client-logo">
          <img src="assets/images/clients/client3.png" alt="#">
        </div>
        <div class="client-logo">
          <img src="assets/images/clients/client4.png" alt="#">
        </div>
      </div>
    </div>
  </div>
</div>
<!-- End Clients Area -->

<!-- Login Modal -->
<div class="modal fade form-modal" id="login" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog max-width-px-840 position-relative">
    <button type="button"
            class="circle-32 btn-reset bg-white pos-abs-tr mt-md-n6 mr-lg-n6 focus-reset z-index-supper"
            data-dismiss="modal"><i class="lni lni-close"></i></button>
    <div class="login-modal-main">
      <div class="row no-gutters">
        <div class="col-12">
          <div class="row">
            <div class="heading">
              <h3>登录</h3>
              <!-- <p>Log in to continue your account <br> and explore new jobs.</p> -->
              <p> 登录以继续您的账户并探索新的工作。</p>

            </div>
            <!-- <div class="social-login">
              <ul>
                <li><a class="linkedin" href="#"><i class="lni lni-linkedin-original"></i> Log in
                  with LinkedIn</a></li>
                <li><a class="google" href="#"><i class="lni lni-google"></i> Log in with
                  Google</a></li>
                <li><a class="facebook" href="#"><i class="lni lni-facebook-original"></i> Log in
                  with Facebook</a></li>
              </ul>
            </div> -->
            <!-- <div class="or-devider">
              <span>Or</span>
            </div> -->


            <form  id="loginform" onsubmit="return false">
              <div class="form-group">
                <!--邮箱-->
                <!--<label for="email" class="label">E-mail</label>
                <input type="email" class="form-control" placeholder="example@gmail.com" id="email">-->
                <br>
                <label for="phone" class="label">电话号码</label>
                <div class="position-relative">
                  <input type="tel" class="form-control" id="phone"
                       name="loginphone"  placeholder="请输入电话号码" required>
                </div>
              </div>
              <div class="form-group">
                <label for="password" class="label">密码</label>
                <div class="position-relative">
                  <input type="password" class="form-control" id="password"
                      name="loginpwd"   placeholder="请输入密码" required>
                </div>
              </div>

             <div>

               <!-- <input type="radio" name="loginrule" value="adminlogin" id="adminlogincheckbox" onclick="getloginroleradioval(this.value)" required/>
                <label for="adminlogincheckbox" >我是管理员</label>-->

                <input required type="radio" name="loginrule"  value="employeelogin" id="employeelogincheckbox" onclick="getloginroleradioval(this.value)"/>
                <label for="employeelogincheckbox" >我是求职者</label>

                <input  required type="radio" name="loginrule" value="hrlogin" id="hrlogincheckbox" onclick="getloginroleradioval(this.value)"/>
                <label for="hrlogincheckbox" >我是招聘方</label>

                <br>
              </div>
              <div class="form-group d-flex flex-wrap justify-content-between">
                <!-- Default checkbox -->
                <div class="form-check">
                  <input class="form-check-input" type="checkbox" value=""
                         id="flexCheckDefault" />
                  <label class="form-check-label" for="flexCheckDefault">记住密码</label>
                </div>
                <!--<a href="" class="font-size-3 text-dodger line-height-reset">忘记密码</a>-->
              </div>
              <div class="form-group mb-8 button">
                <button class="btn " onclick="login()">登录
                </button>
              </div>
              <p class="text-center create-new-account">  没有账号? <a href="javacript:" data-toggle="modal" data-target="#signup" class="btn">立刻创建账号 </a></p>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- End Login Modal -->

<!-- Signup Modal -->
<div class="modal fade form-modal" id="signup" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog max-width-px-840 position-relative">
    <button type="button"
            class="circle-32 btn-reset bg-white pos-abs-tr mt-md-n6 mr-lg-n6 focus-reset z-index-supper"
            data-dismiss="modal"><i class="lni lni-close"></i></button>
    <div class="login-modal-main">
      <div class="row no-gutters">
        <div class="col-12">
          <div class="row">
            <div class="heading">
              <h3>创建账户 </h3>
              <!-- <p>Create your account to continue <br> and explore new jobs.</p> -->
              <p>创建您的账户以继续并探索新的工作。</p>
            </div>
            <!-- <div class="social-login">
              <ul>
                <li><a class="linkedin" href="#"><i class="lni lni-linkedin-original"></i> Import from LinkedIn</a></li>
                <li><a class="google" href="#"><i class="lni lni-google"></i> Import from
                  Google</a></li>
                <li><a class="facebook" href="#"><i class="lni lni-facebook-original"></i> Import from Facebook</a></li>
              </ul>
            </div>
            <div class="or-devider">
              <span>Or</span>
            </div> -->
            <!--后端的Controller进行处理-->
            <form  id="signupform" onsubmit="return false">
              <div class="form-group">
                <br>
                <label for="phone" class="label">电话号码</label>
                <input type="tel" class="form-control" name="phone" placeholder="输入电话号码" required>
              </div>
              <div class="form-group">
                <label for="inputpwd" class="label">密码</label>
                <div class="position-relative">
                  <input name="pwd" type="password" class="form-control" id="inputpwd" placeholder="输入密码" onkeyup="checkpwd()" required>
                </div>
              </div>
              <div class= "form-group" >
                <label for="confirmpwd" class="label">确认密码</label>
                <div class="position-relative">
                  <input name="repwd" type="password" class="form-control" id="confirmpwd" placeholder="确认密码" onkeyup="checkpwd()">
                  <span id="tishi"></span></input>
                </div>
              </div>
              <div class= "form-group" >
                <label for="signupname" class="label">您的姓名</label>
                <div class="position-relative">
                  <input required name="signupname" type="text" class="form-control" id="signupname" placeholder="输入姓名">
                  </input>
                </div>
              </div>
              <div class="form-group" id="signuprolegroup">
                <label for="signuprolegroup" class="label">请选择注册身份</label>
                <!--选择身份进行注册-->
                <!--<input type="radio" name="signrule" value="adminsignup" id="adminsigncheckbox" onclick="getsignuproleradioval(this.value)"required/>
                <label for="adminsigncheckbox" >管理员注册</label>-->

                <input  type="radio" name="signrule"  value="employeesignup" id="employeesigncheckbox" onclick="getsignuproleradioval(this.value)"/>
                <label for="employeesigncheckbox" >求职者注册</label>

                <input   type="radio" name="signrule" value="hrsignup" id="hrsigncheckbox"onclick="getsignuproleradioval(this.value)"/>
                <label for="hrsigncheckbox" >招聘方注册</label>
              </div>

              <!--隐藏元素，按需显现-->
                <!--hr注册必填元素:公司和公司职位-->
              <div class= "form-group hidden" id="hrsignupposclass">
                <label for="hrsignuppos" class="label">您的职位</label>
                <div class="position-relative">
                  <input name="hrpos" type="text" class="form-control" id="hrsignuppos" placeholder="输入职位">
                  </input>
                </div>
              </div>
              <div class="form-group hidden" id="hrsignupcompanyclass">
                <label for="hrsignupcompany" class="label">选择所在公司</label>
                <select name="hrcompany" class="form-control" id="hrsignupcompany"></select>
                  <a href="company.html" id="hrcompanysignup">找不到所属公司请点击此处进行公司注册</a>
              </div>
              <!--hr必填元素结束-->
                <!--求职者注册必填元素email,Gender,-->
              <div class= "form-group hidden" id="seekersignemailclass">
                <label for="seekersignemail" class="label">您的邮箱</label>
                <div class="position-relative">
                  <input name="seekeremail" type="email" class="form-control" id="seekersignemail" placeholder="输入邮箱">
                  </input>
                </div>
              </div>
              <div class= "form-group hidden" id="seekersigngenderclass">
                <label for="seekersigngender" class="label">性别</label>
                <div class="position-relative">
                  <select name="seekergender" class="form-control" id="seekersigngender">
                    <option value="女">女</option>
                    <option value="男">男</option>
                    <option value="未知">未知</option>
                  </select>
                </div>
              </div>
              <div class= "form-group hidden" id="seekerdateclass">
                <label for="seekersigndate" class="label">出生日期</label>
                <div class="position-relative">
                  <input name="seekerdate" type="date" class="form-control" id="seekersigndate" placeholder="输入出生日期">
                  </input>
                </div>
              </div>
              <div class= "form-group hidden" id="seekeriseduclass">
                <label for="seekerisedu" class="label">是否为应届生</label>
                <div class="position-relative">
                  <select name="seekerisedu" class="form-control" id="seekerisedu">
                    <option value="是">是</option>
                    <option value="否">否</option>
                  </select>

                </div>
              </div>
              <!--求职者注册必填元素结束-->
              <div class="form-group d-flex flex-wrap justify-content-between">
                <!-- Default checkbox -->
                <div class="form-check">
                  <input class="form-check-input" type="checkbox" value="" checked required>
                  <label class="form-check-label" for="flexCheckDefault">同意 <a
                    href="#">用户使用协议</a></label>
                </div>
              </div>

              <div class="form-group mb-8 button">
                <button class="btn " id="signupbtn" onclick="signup()" >注册
                </button>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- EndSignup Modal -->


        <!-- Start Footer Area -->
<footer class="footer">
        <div class="footer-bottom">
            <div class="container">
                <div class="inner">
                    <div class="row">
                        <div class="col-lg-6 col-md-6 col-12">
                            <div class="left">
                                <p><a target="_blank" >软件工程大作业</a></p>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-12">
                            <div class="right">
                                <ul>
                                    <li><a href="privacy-policy.html">用户手册</a></li>
                                    <li><a href="#">项目文档</a></li>
                                    <li><a href="https://gitee.com/Yuan-Wi/software-engineering-team/tree/master/">gitee</a></li>
                                    <li><a href="contact.html">联系我们</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- End Footer Middle -->
    </footer>
    <!--/ End Footer Area -->

<!-- ========================= scroll-top ========================= -->
<a href="#" class="scroll-top btn-hover">
  <i class="lni lni-chevron-up"></i>
</a>
<div class="hidden">
<input  id="logintoken" name="mytoken" value="">
</div>
<!-- ========================= JS here ========================= -->
<script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/wow.min.js"></script>
<script src="assets/js/tiny-slider.js"></script>
<script src="assets/js/glightbox.min.js"></script>
<script src="assets/js/main.js"></script>
<script src="https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
<script type="text/javascript">
  //像后端传本地浏览器保存的token（当前登录用户），如果没有登录就提醒，如果登录了就转到对应的index
  function checkloginuser(){
      //window.location.reload();
    //===========最初需要完成名字的显示和相关用户导航栏的隐藏

         /*   alert("新方法");*/
						$.ajax({
    url: "http://localhost:8080/mylogingetusername",
    type: "GET",
    data: {token : window.localStorage.getItem("user")?window.localStorage.getItem("user"):"notoken"},
    success: function(result){
     // alert(result.code);
      if(result.code==200){
      alert(result.msg);
      //非登录用户的个人中心bar隐藏，用户名字显示
      document.getElementById("loginsignupbarid").classList.add("hidden");
      document.getElementById("loginsignupbarid").classList.remove("button");
      document.getElementById("nouserinforcenterbarid").classList.add("hidden");
      document.getElementById("shownamebarliid").classList.remove("hidden");

      if(result.data=="seekerlogin"){
      //当前登录用户是seeker
      //hr的bar隐藏，seeker的bar显示
      document.getElementById("hrmanagejobbarliid").classList.add("hidden");
      document.getElementById("hrinforcenterbarliid").classList.add("hidden");

      document.getElementById("seekerinforcenterbarliid").classList.remove("hidden");
      }
      else if(result.data=="hrlogin"){
      //当前登录用户是hr
      //seeker的bar隐藏，hr的bar显示
      document.getElementById("seekerinforcenterbarliid").classList.add("hidden");

      document.getElementById("hrmanagejobbarliid").classList.remove("hidden");
      document.getElementById("hrinforcenterbarliid").classList.remove("hidden");

      }

      document.getElementById('shownameid').textContent = "欢迎"+result.msg+"登录";

      }
      else if(result.code==1){
      //没有用户登录，隐藏用户bar
      document.getElementById("loginsignupbarid").classList.add("button");
      document.getElementById("nouserinforcenterbarid").classList.remove("hidden");
      document.getElementById("loginsignupbarid").classList.remove("hidden");

      document.getElementById("shownamebarliid").classList.add("hidden");
      document.getElementById("seekerinforcenterbarliid").classList.add("hidden");
      document.getElementById("hrmanagejobbarliid").classList.add("hidden");
      document.getElementById("hrinforcenterbarliid").classList.add("hidden");

      }
      else {
      document.getElementById("nouserinforcenterbarid").classList.remove("hidden");
      document.getElementById("loginsignupbarid").classList.remove("hidden");
      document.getElementById("loginsignupbarid").classList.add("button");
      document.getElementById("shownamebarliid").classList.add("hidden");
      document.getElementById("seekerinforcenterbarliid").classList.add("hidden");
      document.getElementById("hrmanagejobbarliid").classList.add("hidden");
      document.getElementById("hrinforcenterbarliid").classList.add("hidden");
        alert(result.code+result.msg);
        }
    },
    error: function(){
    alert("请刷新重试");
    },
  });

  };
//其他业务请求从本地浏览器中存的token获取加入请求头

function logout(){
 window.localStorage.removeItem('user')
};
/*解析token*/
function sparsetoken(){
var token;
  $(function(){
  token = window.localStorage.getItem("user");//这可以得到当前登录用户的token
  alert("user="+token);
  alert(window.location.href);
  //data.data.normal_login_token为发送Ajax获取到的token信息
var strings = token.split(".");//通过split()方法将token转为字符串数组
//取strings[1]数组中的第二个字符进行解析
var userinfo = JSON.parse(decodeURIComponent(escape(window.atob(strings[1].replace(/-/g, "+").replace(/_/g, "/")))));
//然后可以拿到解析后的数据，可以console.log()打印下，roleid是在表中的id，loginrole=hrlogin或seekerlogin
alert(userinfo.roleid+userinfo.loginrole+'userinfo');

  });

};


  //===========最初需要完成下拉框的内容的加载
  $(document).ready(function(){
         /*   alert("新方法");*/
						$.get(
						/*去到url的控制器中处理*/
							"http://localhost:8080/companysignuplist",
							function(data){
							 /* alert(data[0].companyId);*/
								for(var i = 0 ; i < data.length;i++){
									/*创建新的一行*/
									var newRow = "<option value="+data[i].companyId+">"+data[i].companyName+"</option>";
									/*插入新的一行*/
									$("#hrsignupcompanyclass select").append(newRow);
								}
								if(window.localStorage.getItem("user")){
								checkloginuser();
								}

							}
						);
				});
		var loginrule;
		function getloginroleradioval(value){
     loginrole=value;
    }
	//===========登录角色表单数据传到后台
	function login(){
	//判断当前是否登录
	//if(window.localStorage.getItem("user")){
	//alert("当前此设备已经有登录，如果要重新登录请先退出");
	//}
	//alert("login"+$('#loginform').serialize());

	$.ajax({
	  type: "POST",
	  dataType: "json",
	  url: "http://localhost:8080/mylogin",
	  data: $('#loginform').serialize(),
	  crossDomain: true, // 发送Ajax时，Request header 中会包含跨域的额外信息，但不会含cookie（作用不明，不会影响请求头的携带）
    xhrFields: {
          withCredentials: true /*发送Ajax时，Request header中会带上 Cookie 信息。*/
                 },
	  success: function(result){
	    if(result.code==200){
	      alert("登录成功");
	      let exp = new Date();
	      exp.setTime(exp.getTime() + 60 * 60 * 1000); //设置过期时间，1小时过期
	      window.localStorage.setItem("user",result.msg,exp.toGMTString());
        document.cookie="usertoken="+result.msg+"; domain=http://localhost; path=http://localhost/frontindex";
        var strings = result.msg.split(".");//通过split()方法将token转为字符串数组
        //取strings[1]数组中的第二个字符进行解析
        var userinfo = JSON.parse(decodeURIComponent(escape(window.atob(strings[1].replace(/-/g, "+").replace(/_/g, "/")))));
        //然后可以拿到解析后的数据，可以console.log()打印下，roleid是在表中的id，loginrole=hrlogin或seekerlogin
        alert("欢迎登录"+userinfo.roleid+userinfo.loginrole);
        //alert("登陆成功后的"+result.msg+"=="+document.cookie);
	      $("#login").modal('hide');
	      /*清空表单*/
	      $('#loginform')[0].reset();
	      if(userinfo.loginrole=="employeelogin"){
	      location.href="http://localhost/static/html/index.html";}
	      else if(userinfo.loginrole=="hrlogin"){
	      location.href="http://localhost/static/html/index.html";
	      }
	    }
	    else{
	      alert(result.code+result.msg);
	    }
	  },
	  error: function(){
	    alert("登录失败");
	  },
	});
	};
	var signrole;//注册角色
	//===========表单数据传到后台
	function signup(){
	/*alert("signrole"+signrole);*/
	  $.ajax({
	    type: "POST",
	    dataType: "json",
	    url: "http://localhost:8080/"+signrole,
	    data: $('#signupform').serialize(),
	    success: function(result){
	       /* alert(result.code);*/
	        if(result.code==200){
	         alert("注册成功");
	         /*退出模态框*/
	         $("#signup").modal('hide');
	         /*清空表单*/
	         $('#signupform')[0].reset();
            document.getElementById("hrsignupposclass").classList.add("hidden");
            document.getElementById("hrsignupcompanyclass").classList.add("hidden");
            document.getElementById("hrsignuppos").removeAttribute('required');
            document.getElementById("hrsignupcompany").removeAttribute('required');
             document.getElementById("seekersignemailclass").classList.add("hidden");
            document.getElementById("seekerdateclass").classList.add("hidden");
            document.getElementById("seekeriseduclass").classList.add("hidden");
            document.getElementById("seekersigngenderclass").classList.add("hidden");
            document.getElementById("seekersigngender").removeAttribute('required');
            document.getElementById("seekersignemail").removeAttribute('required');
            document.getElementById("seekersigndate").removeAttribute('required');
            document.getElementById("seekerisedu").removeAttribute('required');

	        }
	        else{
	        alert(result.code+result.msg);
	        }
	    },
	    error : function(){
	        alert("注册失败!");
	    },

	  });
	};
  //===========根据选择的角色先跳转到对应的控制器去insert(id,phone,pwd)
  function getsignuproleradioval(value){
    signrole=value;
    if(value=="hrsignup"){
    alert("选择HR身份注册");
    //显示全部必填信息
      document.getElementById("hrsignupposclass").classList.remove("hidden");
      document.getElementById("hrsignupcompanyclass").classList.remove("hidden");
      //设置为必填
      document.getElementById("hrsignuppos").setAttribute('required', true);
       document.getElementById("hrsignupcompany").setAttribute('required', true);
      //求职者的隐藏不必填
      document.getElementById("seekersignemailclass").classList.add("hidden");
    document.getElementById("seekerdateclass").classList.add("hidden");
    document.getElementById("seekeriseduclass").classList.add("hidden");
    document.getElementById("seekersigngenderclass").classList.add("hidden");
    document.getElementById("seekersigngender").removeAttribute('required');
    document.getElementById("seekersignemail").removeAttribute('required');
    document.getElementById("seekersigndate").removeAttribute('required');
    document.getElementById("seekerisedu").removeAttribute('required');

    //跳到对应的控制器中操作数据库
     // document.getElementById("signupform").action = "http://localhost:8080/hrsignup";
    }
    else if(value=="employeesignup"){
    alert("选择求职者身份注册");
    //Hr的隐藏不必填
    document.getElementById("hrsignupposclass").classList.add("hidden");
    document.getElementById("hrsignupcompanyclass").classList.add("hidden");
    document.getElementById("hrsignuppos").removeAttribute('required');
    document.getElementById("hrsignupcompany").removeAttribute('required');
    //显示求职者注册必填信息
    document.getElementById("seekersignemailclass").classList.remove("hidden");
    document.getElementById("seekerdateclass").classList.remove("hidden");
    document.getElementById("seekeriseduclass").classList.remove("hidden");
    document.getElementById("seekersigngenderclass").classList.remove("hidden");
    document.getElementById("seekersigngender").setAttribute('required', true);
    document.getElementById("seekersignemail").setAttribute('required', true);
    document.getElementById("seekersigndate").setAttribute('required', true);
    document.getElementById("seekerisedu").setAttribute('required', true);
   // document.getElementById("signupform").action = "http://localhost:8080/employeesignup";
    }
  };

  //===========确认两次密码一致
 function checkpwd() {
   var password = document.getElementById("inputpwd").value;
   var repassword = document.getElementById("confirmpwd").value;
   //判断输入框为空
   if(!password){
    document.getElementById("tishi").innerHTML="<br><font color='red'>请输入密码!</font>";
      document.getElementById("signupbtn").disabled = true;
                }
   else if(password == repassword) {
      document.getElementById("tishi").innerHTML="<br><font color='green'>两次密码输入一致</font>";
      document.getElementById("signupbtn").disabled = false;
                }
   else {
      document.getElementById("tishi").innerHTML="<br><font color='red'>两次输入密码不一致!</font>";
      document.getElementById("signupbtn").disabled = true;
        }
 };
   //====== Clients Logo Slider
   tns({
       container: '.client-logo-carousel',
       slideBy: 'page',
       autoplay: true,
       autoplayButtonOutput: false,
       mouseDrag: true,
       gutter: 15,
       nav: false,
       controls: false,
       responsive: {
           0: {
               items: 1,
           },
           540: {
               items: 2,
           },
           768: {
               items: 3,
           },
           992: {
               items: 4,
           },
           1170: {
               items: 6,
           }
       }
   });
   //========= testimonial
   tns({
       container: '.testimonial-slider',
       items: 1,
       slideBy: 'page',
       autoplay: false,
       mouseDrag: true,
       gutter: 0,
       nav: false,
       controls: true,
       controlsText: ['<i class="lni lni-arrow-left"></i>', '<i class="lni lni-arrow-right"></i>'],
       responsive: {
           0: {
               items: 1,
           },
           540: {
               items: 1,
           },
           768: {
               items: 1,
           },
           992: {
               items: 1,
           },
           1170: {
               items: 1,
           }
       }
   });


</script>


<!-- 发送给browse-jobs.html -->
<script>
  document.getElementById('search-btn').addEventListener('click', function () {
      var jobName = document.getElementById('jobName').value;
      var jobWorkaddr = document.getElementById('jobWorkaddr').value;
      var industry = document.getElementById('industry').value;

      localStorage.setItem('jobName', jobName);
      localStorage.setItem('jobWorkaddr', jobWorkaddr);
      localStorage.setItem('industry', industry);

      window.location.href = 'browse-jobs.html';
  });
</script>


<script>
  $(document).ready(function() {
      $.ajax({
          url: 'http://localhost:8080/system/word/listTopFour',
          type: 'GET',
          dataType: 'json',
          success: function(response) {
              if (response.code === 200 && response.data) {
                  var hotWords = response.data;
                  var hotWordsList = $('#hot-words-list');
                  hotWordsList.empty(); // 清空列表
                  hotWords.forEach(function(hotWord) {
                      hotWordsList.append('<li><a href="#">' + hotWord.word + '</a></li>');
                  });
              } else {
                  console.error("Error fetching hot words:", response.msg);
              }
          },
          error: function(error) {
              console.error("Error fetching hot words:", error);
          }
      });
  });
  </script>


</body>

</html>
